<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>烟台公安出入境</title>

    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <style>
        .page_banner{
            background-image: url("/images/index2.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 52.5vw;
            margin-bottom: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .page_banner_title{font-size: 8vw;color: white;font-family: "Heiti SC";line-height: 1.1;}
    </style>

    <script th:utext="${params}">

    </script>
</head>
<body>
<div class="page">
    <div class="page_banner" >
    </div>
    <div class="weui-grids">
        <a href="/hall/page/map" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_hall.png"/>
            </div>
            <p class="weui-grid__label">附近大厅</p>
        </a>
        <a href="/applyList" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_apply.png" />
            </div>
            <p class="weui-grid__label">在线填表</p>
        </a>
        <a href="/appointment/group/add/page" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_appointment.png" />
            </div>
            <p class="weui-grid__label">在线预约</p>
        </a>

        <a href="javascript:show404();" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_progress.png" />
            </div>
            <p class="weui-grid__label">办证进度</p>
        </a>

        <a href="/announcement/list/page?type=11" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_guide.png" />
            </div>
            <p class="weui-grid__label">办事指南</p>
        </a>
        <a href="/announcement/list/page?type=12" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_notice.png" />
            </div>
            <p class="weui-grid__label">公告通知</p>
        </a>

        <a href="/announcement/list/page?type=13" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="/images/icon_question.png" />
            </div>
            <p class="weui-grid__label">温馨提示</p>
        </a>


        <!--<a href="/view/login.html" class="weui-grid">-->
            <!--<div class="weui-grid__icon">-->
                <!--<img src="/images/icon_login.png" />-->
            <!--</div>-->
            <!--<p class="weui-grid__label">模拟登陆</p>-->
        <!--</a>-->


    </div>

</div>

<!--<div style="position: fixed;height: 20px;width: 100%;left: 0;bottom: 20px;text-align: center">-->
    <!--<a href="/userType?t=1"  style="background-color: #1876ce;color: white;padding: 6px 20px;border-radius: 3px;" >办理中国公民业务</a>-->
<!--</div>-->

<div class="js_dialog" id="iosDialog" style="display: none;">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
        <div class="weui-dialog__bd" id="dialogContent">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
        <div class="weui-dialog__ft">
            <a href="javascript:hideDialog();" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
        </div>
    </div>
</div>
</body>
</html>